
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="xsl">
    <title>项目主页</title>
    <link rel="icon" type="image/x-icon" href="img/hzwicon.ico"/>
    <style>
       body{
           padding: 0;
           margin: 0;
           height: 100%;
           width: 100%;
           background-image: url(img/hzw.png);
           background-repeat: no-repeat;
           background-position-y: 90%;
           background-size: 100% calc(100% - 50px);
       }
       h1{
           text-align: center;
           margin: 0 auto;
           width: 100%;
           height: 50px;
           background-image: url(img/logo1.jpg);
           background-size: 100%;
           background-position: 50% 50%;
           background-repeat: no-repeat;
           color: #3a6;
       }
       ul{
           width: 800px;
           margin: 0 auto;
           list-style: none;
           display: flex;
           flex-wrap: wrap;
           align-content: space-around;
       }
       a:hover{
           box-shadow: 0 0 10px #000;
       }
       a{  
           display: block;
           width: 100px;
           height: 160px;
           text-decoration: none;
           background-image: url(img/xuan.png);
           background-position: 50% 50%;
           background-size: 100% 100%;
           margin: 10px;
           background-color: #5c7871;
           text-align: center;
           box-sizing: border-box;
       }
       li span{
            display: inline-block;
            width: 76px;
            height: 66px;
            margin: 0 auto;
            line-height: 3;
            position: relative;
            margin-top: 36px;
            background-image: url(img/logo.png);
            background-size: 100% 100%;
            font-size: 20px;
            color: #3a6;
       }
       li p{
           color: #111;
           font-weight: bold;
       }
       .lianxi span{
            background-image: url(img/yys1.png)
       }
       .syue span{
           background-image: url(img/yys0.jpg)
       }
       .suo{
           width: 11vw;
           height: 10vw;
           margin-left: 0;
       }
       .mi span{
       	background-image: url(img/mi.png);
       }
    </style>
</head>
<body>
    <h1></h1>
    <ul>
        <li><a href="千图网/index.html" class="qian" target="_blank"><span></span><p>17.02.15</p></a></li>
        <li><a href="Exercises/index.html" class="qian lianxi" target="_blank"><span></span><p>作业</p></a></li>
        <li><a href="March/index.html" class="syue" target="_blank"><span></span><p>3月</p></a></li>
        <li><a href="小米商城pc/index.html" class="qian mi" target="_blank"><span></span><p>17.03.15</p></a></li>
    </ul>
    <!--<img src="img/suo.png" alt="" class="suo">-->
</body>
</html>